<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<title>LazySwim</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="style_ie.css" /><![endif]-->
<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="style_ie6.css" /><![endif]-->
</head>
<body>
<div id="page">
    <div id="page-top">
        <div id="page-bottom">
          <div id="header">
                <div id="header-info">
                    <h1>LAZYSWIM</h1>
                    <div class="description">Simplistic Swim System</div>
                </div>
                <div id="header-menu">
                    <ul>
                        <li class="current_page_item"><a href="index.php">Home</a></li>
                        <li class="page_item"><a href="generalinfo.php">General Info</a></li>
                        <li class="page_item"><a href="aboutteam.php">About Team</a></li>
                        <li class="page_item"><a href="programs.php">Programs</a></li>
                        <li class="page_item"><a href="meetsandevents.php">Meets and Events</a></li>
                        <li class="page_item"><a href="digitalmedia.php">Digital Media</a></li>
                    </ul>
                </div>
                <div id="header-date">Today is <?php echo date('l, F jS, Y'); ?></div>
                <div id="header-cats">
                    <ul>
                        <li class="cat-item"><a href="login-public.php">Swimmer/Parent Login</a></li>
                        <li class="cat-item"><a href="login-manager.php">Manager Login</a></li>
                    </ul>
                </div>
            </div>
            <div id="main">

                <div id="sidebar">
                    <?php
					// include the corresponding navigation page
                    include("navigation-public.php");
					?>     
                </div>

<!-- main body -->

                <div class="featured-post">
                    <div class="post-title">
                        <h2><a href="#">Welcome</a></h2>
                        <div class="post-title-info">
                            <div class="post-date">Dated: September 22nd, 2008</div>
                            <div class="post-comments"><a href="#">1 Comment</a></div>
                        </div>
                    </div>
                    <div class="post-entry">
                        <p><img style="margin-left: 5px; margin-right: 5px;" src="images/featured.png" alt="" align="left" width="172" height="190" />Aliquet tellus cras, arcu accumsan lorem in, vestibulum dolor mus, suscipit suspendisse sed volutpat rutrum a, enim ut montes vulputate tortor luctus auctor. Habitasse arcu cupiditate. Ligula mauris aptent interdum, sit est fusce arcu in sem, mattis. Pellentesque tincidunt, diam eget accumsan posuere,Ligula mauris aptent interdum, sit est fusce arcu in sem, mattis. Pellentesque tincidunt, diam eget accumsan posuere, est sapien rhoncus nunc, feugiat fermentum urna arcu ut est. Sed bibendum dolor eu orci. Sed sollicitudin, enim ut malesuada condimentum, mauris nisl ullamcorper ante, vitae ullamcorper metus nulla vitae est&#8230;.</p>
                        <p> Diam eget accumsan posuere,Ligula mauris aptent interdum, sit est fusce arcu in sem, mattis. Pellentesque tincidunt, bibendum dolor eu orci. Sed bibendum dolor eu orci. Sed sollicitudin, enim ut malesuada condimentum, mauris nisl ullamcorper ante Sed sollicitudin, enim ut arcu ut est. Sed bibendum dolor eu orci.</p>
                        <p> <a href="#" class="more-link">Read more&#8230;</a></p>
                    </div>
                </div>

<!-- end of one post -->

                <div class="featured-post">
                    <div class="post-title">
                        <h2><a href="#">Featured Post&#8230;</a></h2>
                        <div class="post-title-info">
                            <div class="post-date">Dated: September 22nd, 2008</div>
                            <div class="post-comments"><a href="#">1 Comment</a></div>
                        </div>
                    </div>
                    <div class="post-entry">
                        <p>Aliquet tellus cras, arcu accumsan lorem in, vestibulum dolor mus, suscipit suspendisse sed volutpat rutrum a, enim ut montes vulputate tortor luctus auctor. Habitasse arcu cupiditate. Ligula mauris aptent interdum, sit est fusce arcu in sem, mattis. Pellentesque tincidunt, diam eget accumsan posuere,Ligula mauris aptent interdum, sit est fusce arcu in sem, mattis. Pellentesque tincidunt, diam eget accumsan posuere, est sapien rhoncus nunc, feugiat fermentum urna arcu ut est. Sed bibendum dolor eu orci. Sed sollicitudin, enim ut malesuada condimentum, mauris nisl ullamcorper ante, vitae ullamcorper metus nulla vitae est&#8230;.</p>
                        <p> Diam eget accumsan posuere,Ligula mauris aptent interdum, sit est fusce arcu in sem, mattis. Pellentesque tincidunt, bibendum dolor eu orci. Sed bibendum dolor eu orci. Sed sollicitudin, enim ut malesuada condimentum, mauris nisl ullamcorper ante Sed sollicitudin, enim ut arcu ut est. Sed bibendum dolor eu orci.</p>
                        <p> <a href="#" class="more-link">Read more&#8230;</a></p>
                    </div>
                </div>

<!-- bottom of the posts -->

                <div id="content">
                
                    <div class="post-sm">
                        <div class="post-sm-top">
                            <div class="post-sm-bottom">
                                <h2><a href="#">Calendar</a></h2>
                                <div class="post-sm-entry">
                                    <p>OMG SMALL CALENDAR GOES HERE !!</p>
                                </div>
                                <div class="post-sm-info">
                                    Keep your eyes here for all upcoming events!
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="post-sm">
                        <div class="post-sm-top">
                            <div class="post-sm-bottom">
                                <h2><a href="#">Black and Yellow</a></h2>
                                <div class="post-sm-entry">
                                    <p>Uh huh, You know what it is....</p>
                                    <p> <a href="#" class="more-link">Read more&#8230;</a></p>
                                </div>
                                <div class="post-sm-info">
                                    <div class="post-date">22nd of September</div>
                                    <div class="post-comments"><a href="#">2 Comments</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
             
                <div class="clear"></div>

            </div>
            <div id="footer"> Copyright 2011 - All Rights Reserved<br />
                Designed by <a href="http://wpjunction.com/">HPA</a> // CMPUT 410 Project by Kim Beaudin, Raymond Ta, Frederick Vuong, Ashton Wong<br />
                Valid XHTML and CSS </div>
        </div>
    </div>
</div>
</body>
</html>
